<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>在线客服</title>
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<script type="text/javascript" src="./js/jq.1.12.4.js"></script>
	<script type="text/javascript" src="./js/js.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
<style>

</style>
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="logo">
        	<div class="left">
        	<img src="img/logo.png" />
            <span>公益扶农合作平台</span>
            </div>
            <ul>
            	<li class="youjian"><a href="系统收发邮件.html">系统邮件</a></li>
                <li class="tuichu"><a href="退出系统.html">退出系统</a></li>
            </ul> 
        </div>
	<!-- 主体 -->
	<div class="main clearfix">
		<div class="leftnav">
			<p><a href="indext.html" style="color:white;">系统首页</a></p>
			<h3><img class="touxiang" src="img/icon_15.png" alt="">公益个人中心<img class="jiantou" src="./img/jiantou.png" alt=""></h3>
				<ul>
					<li><a href="个人资料.html">个人资料</a></li>
					<li><a href="修改密码.html">修改密码</a></li>
                    <li><a href="退出系统.html">退出系统</a></li>
				</ul>
			<h3><img class="touxiang" src="img/icon_22.png" alt="">公益团队中心<img class="jiantou" src="./img/jiantou.png" alt=""></h3>
				<ul>
					<li><a href="注册会员.html">注册会员</a></li>
					<li><a href="我的会员.html">我的会员</a></li>
					<li><a href="团队互助记录.html">团队合作记录</a></li>
				</ul>
			<h3><img class="touxiang" src="img/icon_29.png" alt="">公益收益中心<img class="jiantou" src="./img/jiantou.png" alt=""></h3>
				<ul>
					<li><a href="提供公益帮助.html">提供公益帮助</a></li>
					<li><a href="接受公益帮助.html">接受公益帮助</a></li>
					<li><a href="公益收益.html">公益收益</a></li>
					<li><a href="公益币管理.html">公益币管理</a></li>
				</ul>
			<h3><img class="touxiang" src="img/icon_34.png" alt="">联系我们<img class="jiantou" src="./img/jiantou.png" alt=""></h3>
				<ul>
					<li class="current"><a href="在线客服.html">在线客服</a></li>
					<li><a href="系统收发邮件.html">系统收发邮件</a></li>
					<li><a href="平台公众微信二维码.html">平台公众微信二维码</a></li>
				</ul>
		</div>
		<div class="content">
			<div class="con">
				<div class="bikuang">
                	<div class="right_title"><span>联系我们&nbsp;&nbsp; -<span style="color:#1d3e00; margin:0;">&nbsp;&nbsp;在线客服</span></span></div>
                    <div class="box">
                    	<div class="title"><img src="img/icon37.png">某客户名称<span></span></div>
                        <p>欢迎光临！你已进入服务队列，很快会有客服接待你！</p>
                        <div class="bot">
                        	<p>你好，很高兴和你对话！</p>
                        	<span>08-10 11:24:14</span>
                        </div>
                        <div class="icon">
                        	<img src="img/icon_1_03.png">
                            <img src="img/icon_1_08.png">
                            <img src="img/icon_1_10.png">
                            <img src="img/icon_1_05.png">
                        </div>
                        <div class="area">
                        	<textarea></textarea>
                        </div>
                        <div class="bottom">
                        	<span>Powered by DuoKeBo</span>
                            <div class="btn">
                            <input type="button" value="结束会话">
                            <input type="button" value="发送">
                            </div>
                        </div>
                    </div>           
			</div>
		</div>
	</div>
<script type="text/javascript">

</script>
</body>
</html>
